<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Troy Inaction</title>

<link rel="stylesheet" type="text/css" href="style.css" />

<script src="http://code.jquery.com/jquery-latest.js"></script>	
<script src="slider.js" type="application/javascript"></script>
<script src="test.js" type="text/javascript" charset="utf-8"></script>
<script src="popup.js" type="text/javascript"></script>

<script language="Javascript"> 
var ind = 0;
function addElementRPI() {
  var ni = document.getElementById('RPI-box');
  var numi = document.getElementById('theValue');
  var num = (document.getElementById('theValue').value -1)+ 2;
  numi.value = num;
  var newa = document.createElement('a');
  newa.setAttribute('href', 'javascript:setVisible("descriptionRPI",true)');
  ni.appendChild(newa);
  var newdiv = document.createElement('div');
  var divIdName = 'my'+num+'Div';
  newdiv.setAttribute('id',divIdName);
  newdiv.setAttribute('class','RPI-event');
  newdiv.innerHTML = '<h2>' + events.bwEventList.events[ind].summary + '</h2><p>Date: ' + events.bwEventList.events[ind].start.longdate + '<br />Time: ' + events.bwEventList.events[ind].start.time + '<br />Location: ' + events.bwEventList.events[ind].location.address + '</p>';
  newa.appendChild(newdiv);
  ind++;
}
function removeElement(divNum) {
  var d = document.getElementById('myDiv');
  var olddiv = document.getElementById(divNum);
  d.removeChild(olddiv);
}
</script>
</head>

<body>

<div id="Dates" class="bar">
  <div id="Date-scroller" class="scroller">
    <div id="Date-box" class="box">
      <div class="dates">
		<h3>Today, April 25, 2010</h3>
      </div>
      <div class="dates">
		<h3>Tomorrow, April 26, 2010</h3>
      </div>
      <div class="dates">
		<h3>Tuesday, April 27, 2010</h3>
      </div>
      <div class="dates">
      	<h3>Wednesday, April 28, 2010</h3>
      </div>
    </div>
  </div>
  <div id="Date-previous" class="prev"></div>
  <div id="Date-next" class="next"></div>
</div>

<br />

<div id="RPI" class="bar">
  <div id="RPI-scroller" class="scroller">
    <div id="RPI-box" class="box">
		<input type="hidden" value="0" id="theValue" />
		<script language="Javascript">
			var i = 0;
			for (i=0;i<=4;i=i+1) {
				addElementRPI();
			}
		</script>
    </div>
  </div>
  <div id="RPI-previous" class="prev"></div>
  <div id="RPI-next" class="next"></div>
</div>

<br />

<div id="Troy" class="bar">
  <div id="Troy-scroller" class="scroller">
    <div id="Troy-box" class="box">
      <a href="javascript:setVisible('descriptionTroy',true)"><div class="Troy-event">
		<h2>Previous Event</h2>
		<p>Date<br /> Time <br />Location</p>
      </div></a>
      <a href="javascript:setVisible('descriptionTroy',true)"><div class="Troy-event">
		<h2>Current Event</h2>
		<p>Date<br /> Time <br />Location</p>
      </div></a>
      <a href="javascript:setVisible('descriptionTroy',true)"><div class="Troy-event">
		<h2>Next Event</h2>
		<p>Date<br /> Time <br />Location</p>
      </div></a>    </div>
  </div>
  <div id="Troy-previous" class="prev"></div>
  <div id="Troy-next" class="next"></div>
</div>

<div id="descriptionTroy">
	<span id="close"><a href="javascript:setVisible('descriptionTroy')"><img src="images/close.gif" alt="Close" border="0" /></a></span>
    <h4>Event Name</h4>
    <p>Date<br />Time<br />Location</p>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci.</p>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci.</p>
</div>
<div id="descriptionRPI">
	<span id="close"><a href="javascript:setVisible('descriptionRPI')"><img src="images/close.gif" alt="Close" border="0" /></a></span>
    <h4>events.bwEventList.events[currentRPI].summary</h4>
    <p>Date<br />Time<br />Location</p>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci.</p>
    <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci.</p>
</div>

</body>
</html>
